<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="left-area">
	<button class="btn btn-large btn-block btn-primary" type="button">Facebook
		ile Giriş Yap</button>
	<p style="text-align: center; padding-top: 5px; font-size: 16px;">
		ya da<br>E-Postanız ile giriş yapın
	</p>
	<input type="text" id="mail" style="width: 255px; color: #000;"
		placeholder="Email Adresiniz"> <input type="password"
		id="password" style="width: 255px; color: #000;"
		placeholder="Şifreniz">
	<button class="btn btn-large btn-block btn-success" type="button"
		onclick="loginForm()">Giriş Yap</button>
</div>
<div class="right-area">
	Hesabınız yok mu? <br> <b onclick="getJoin()"> Hemen ücretsiz
		kayıt olun</b>
</div>
<div class="message-area"></div>
<script>
function loginForm()
{
	
	var mail = $("#mail").val();
	var pass = $("#password").val();
	
	function IsEmail(email) {
		  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		  return regex.test(email);
		}
	
	if(mail == "" || !IsEmail(mail))
	{
		$("#mail").css("border-color", "red");	
	}
	if(pass == "")
	{
		$("#password").css("border-color", "red");	
	}
	if(pass.length<6)
	{
		$("#password").css("border-color", "red");	
	}
	
	$.ajax({
		  type: "POST",
		  url: "<%=com.jimet.server.JimetConfiguration.getString("APPLICATION.URL")%>process/loginProcess.jsp",
							data : {
								mail : mail, pass : pass
							}
						}).done(function(msg) {
					if (msg == 0) {
						$(".message-area").html('Giriş başarısız.');
						} else {
							window.location.href = "<%=com.jimet.server.JimetConfiguration.getString("APPLICATION.URL")%>"+msg+"";
							
						
					}

				});
}
$( "#mail" ).keyup(function() {
	$("#mail").css("border-color", "");	
});
$( "#password" ).keyup(function() {
		$("#password").css("border-color", "");		
});

</script>
